<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
    <link rel="stylesheet" href="../styles/gonggong.css">
    <link rel="stylesheet" href="../styles/index.css">
</head>

<body>
    <!-- 顶部导航 -->
    <div id="header" class="">
        <!-- 顶部导航头部 -->
        <div class="header-top">
            <!-- logo -->
            <div class="h-logo">
                <a href="index.html">
                    <img src="https://cdn.ywart.com/header/logo.png" alt="">
                </a>
                <p>— 原创艺术品电商</p>
            </div>
            <!-- 搜索 -->
            <div class="search">
                <div class="choices">
                    <span class="choosed">
                        作品
                        <i class="fa fa-caret-down"></i>
                    </span>
                    <div class="choicebox">
                        <span class="choice active">作品</span>
                        <span class="choice ">艺术品</span>
                    </div>
                </div>
                <img src="https://www.ywart.com/svg_file?path=/content/image/search.svg&rgb=51,51,51" alt="">
                <input type="text" name="HeaderInput" id="HeaderInput" placeholder="搜索感兴趣的关键字">

            </div>
            <!-- 主体 -->
            <div class="header-content">
                <div class="content-box">
                    <div class="zcdl">
                        <a href="../html/dl.html">
                            <img src="https://cdn.ywart.com/header/login.png" alt="" class="IMG">
                        </a>
                        <a href="../html/dl.html">登录 / 注册</a>
                    </div>
                    <div class="MyOrder">
                        <a href="#">我的订单</a>
                    </div>
                    <div class="MyNews">
                        <a href="#">我的消息</a>
                    </div>
                    <div class="Service">
                        <a href="#">在线客服</a>
                    </div>
                    <div class="download lodeJ">
                        <a href="#">手机版</a>
                        <div class="er">
                            <h4>使用手机扫一扫</h4>
                            <img src="https://cdn.ywart.com/content/image/iosDownQRcode.png" alt="">
                            <span>购买咨询：400-605-7033</span>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 主体 下滑显示 -->
            <div class="header-content2">
                <div class="content-box">
                    <div class="login2">
                        <a href="../html/dl.html">
                            <img src="https://cdn.ywart.com/header/login.png" alt="" class="IMG">
                        </a>
                    </div>
                    <div class="car">
                        <a href="">
                            <img src="https://cdn.ywart.com/header/car.png" alt="" class="IMG">
                        </a>
                    </div>
                    <div class="download lodeJ">
                        <a href="#">
                            <img src="https://cdn.ywart.com/header/SJPC.png" alt="" class="IMG">
                        </a>
                        <div class="er">
                            <h4>使用手机扫一扫</h4>
                            <img src="https://cdn.ywart.com/content/image/iosDownQRcode.png" alt="">
                            <span>购买咨询：400-605-7033</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 顶部导航底部 -->
        <div class="header-bottom">
            <div class="bottom-div">
                <div class="nav">
                    <div class="ContentNav Nav-border">
                        <a href="index.html">首页</a>
                    </div>
                    <div class="ContentNav YSPDH">
                        <a href="yspbuy.html">艺术品</a>
                        <ul class="ysplist">
                            <li><a href="#">全部</a></li>
                            <li><a href="#">入门收藏</a></li>
                            <li><a href="#">潜力收藏</a></li>
                            <li><a href="#">名作收藏</a></li>
                        </ul>
                    </div>
                    <div class="ContentNav">
                        <a href="index.html">艺术家</a>
                    </div>
                    <div class="ContentNav">
                        <a href="index.html">艺术服务</a>
                    </div>
                    <div class="ContentNav">
                        <a href="index.html">艺术视野</a>
                    </div>
                    <div class="ContentNav">
                        <a href="index.html">艺术博览会</a>
                    </div>
                </div class="nav">
                <div class="CarShop">
                    <a href="#">
                        <img src="https://cdn.ywart.com/header/GWCPC.png" alt="">
                        <span>购物车</span>
                    </a>
                </div>
            </div>
        </div>
    </div>
    </div>

    <!-- banner -->
    <!-- 轮播图容器 -->
    <div class="container">
        <!-- 图片外包 -->
        <div class="wrapper">
            <!-- 图片容器 -->
            <div class="slide slide-active">
                <img src="https://cdn.ywart.com/design/package/201912111831456518a6d2c1c.jpg" alt="">
            </div>
            <div class="slide">
                <img src="https://cdn.ywart.com/design/package/20191212143745599da2d3d04.png" alt="">
            </div>
            <div class="slide">
                <img src="https://cdn.ywart.com/design/package/201912231722282428adad8e2.jpg" alt="">
            </div>
            <div class="slide">
                <img src="https://cdn.ywart.com/design/package/20191211132214240203d6e3c.jpg" alt="">
            </div>
            <div class="slide">
                <img src="https://cdn.ywart.com/design/package/2019121113094619311f35d35.jpg" alt="">
            </div>
            <div class="slide">
                <img src="https://cdn.ywart.com/design/package/20191223171938565f8aaad96.jpg" alt="">
            </div>
        </div>
        <!-- 上一个按钮 -->
        <div class="button-prev">＜</div>
        <!-- 下一个按钮 -->
        <div class="button-next">＜</div>
        <!-- 分页器 -->
        <div class="pagination">
        </div>
    </div>

    <!-- 中间内容 -->
    <div class="index-center">
        <!-- 专属策划 -->
        <div class="speciale">
            <div class="Gtitle">
                <h2>专题策划</h2>
                <p>SPECIAL SUBJECT</p>
            </div>
            <div class="specialeBox">
                <div class="stage">
                    <div class="SPECIAL">
                        <img src="https://cdn.ywart.com/material/topic_cover/2019071217360923009704d5c.jpg@90q"
                            alt="戏谑的表达，艺术还能这么玩？">
                        <div class="box">
                            <h3>戏谑的表达，艺术还能这么玩？</h3>
                        </div>
                    </div>
                    <div class="SPECIAL">
                        <img src="https://cdn.ywart.com/material/topic_cover/20190903141105964d6a05bc8.jpg@90q"
                            alt="艺网微个展 李龙飞 | 理性、哲学、空灵">
                        <div class="box">
                            <h3>艺网微个展 李龙飞 | 理性、哲学、空灵</h3>
                        </div>
                    </div>
                    <div class="SPECIAL">
                        <img src="https://cdn.ywart.com/material/topic_cover/201912061937550431a6b661c.jpg@90q"
                            alt="微个展 石羆 | 从凝固的艺术洞悉迷城">
                        <div class="box">
                            <h3>微个展 石羆 | 从凝固的艺术洞悉迷城</h3>
                        </div>
                    </div>
                    <div class="SPECIAL SP4">
                        <img src="https://cdn.ywart.com/material/topic_cover/20191025111411710dd650664.jpg@90q"
                            alt="艺网微个展 魏阳阳 | 画中有赋 重塑青绿山水">
                        <div class="box">
                            <h3>艺网微个展 魏阳阳 | 画中有赋 重塑青绿山水</h3>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 收藏推荐 -->
        <div class="majorIntroduce">
            <div class="Gtitle">
                <h2>专业收藏推荐</h2>
                <p>PROFESSIONAL RECOMMENDATION</p>
            </div>
            <div class="introduceContent">
                <div class="IContentTitle">
                    <div class="LeftText">
                        <h2>艺术从没像今天这样活跃而充满机遇，新一代艺术的革命正在悄然兴起。</h2>
                        <div class="ICtext">
                            <img src="https://cdn.ywart.com/design/package/201912121657210531fc85c69.jpg?x-oss-process=image/resize,m_fill,h_90,w_90"
                                alt="">
                            <div class="PeAb">
                                <p>推荐人：朱彤。著名当代艺术策展人,艺网ywart.com创始人。<br>曾策划过包括《朦胧—第54届威尼斯艺术双年展》《美丽新世界—南京第二届国际美展》《未来考古学—第二届中国艺术三年展》《书写—首届南京国际双年展》在内的多个国内外重要的双年展、三年展。曾出版过《演变》《超越的维度》《幻想》等多部学术专著。<br>长期致力于当代艺术学术与市场的教育与推广，先后在中国人民大学、四川美术学院、南京大学、鲁讯美术学院、清华EMBA在内的多所高校，进行艺术教育和艺术商业的课程。
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="RightImg">
                        <a href="#">
                            <img src="https://cdn.ywart.com/yw/20190813173225449535b45e8.png" alt="">
                        </a>
                        <div class="info-box">
                            <span>无题</span>
                            <span>2017</span>
                            <span>￥900.000</span>
                        </div>
                    </div>
                </div>
                <div class="IContent">
                    <div class="IcBc">
                        <!-- swiper -->
                        <div class="Swiper">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide sw-slide1">
                                    <a href="#">
                                        <img src="https://cdn.ywart.com/yw/20160707231657276c3143ed2.png" alt="">
                                        <div></div>
                                    </a>
                                    <a href="#">
                                        <img src="https://cdn.ywart.com/yw/201908181553372736b3aa587.png" alt="">
                                        <div></div>
                                    </a>
                                    <a href="#">
                                        <img src="https://cdn.ywart.com/yw/20190809163108639f5b2c3b5.JPG" alt="">
                                        <div></div>
                                    </a>
                                </div>
                                <div class="swiper-slide sw-slide2">
                                    <a href="#">
                                        <img src="https://cdn.ywart.com/yw/20161027114436537b4427a7e.png" alt="">
                                        <div></div>
                                    </a>
                                    <a href="#">
                                        <img src="https://cdn.ywart.com/yw/20161027114603003c4db770d.jpg" alt="">
                                        <div></div>
                                    </a>
                                    <a href="#">
                                        <img src="https://cdn.ywart.com/yw/20190818104819669cc38e65c.jpg" alt="">
                                        <div></div>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="WidthNum">
                            <div class="num">
                                <span class="on">1</span>
                                <span class="">2</span>
                            </div>
                            <div class="WidthNum-btn">下一页</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 最新上架 -->
        <div class="NewUpper">
            <div class="Gtitle">
                <h2>最新上架</h2>
                <p>NEWEST</p>
            </div>
            <div class="NewUpperContent">
                <div class="LeftCover">
                    <ul class="RunList">
                        <li><a href="#">油画</a></li>
                        <li><a href="#">版画</a></li>
                        <li><a href="#">水墨</a></li>
                        <li><a href="#">水彩</a></li>
                        <li><a href="#">雕塑</a></li>
                        <li><a href="#">摄影</a></li>
                    </ul>
                </div>
                <ul class="RightWorks">
                    <li class="LiItem1">
                        <div class="front">
                            <a href="#">
                                <img src="https://cdn.ywart.com/yw/201906211834446837cf86693.jpg" alt="">
                                <div class="info-box">
                                    <div>
                                        <span>谢松汕</span>
                                        <span>执子之手 ，2016</span>
                                        <span>无酸打印，双层卡纸 50.0x40.0cm</span>
                                        <p>2016</p>
                                        <p>¥1,940</p>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </li>
                    <li class="LiItem2">
                        <div class="front">
                            <a href="#">
                                <img src="https://cdn.ywart.com/yw/201906211834446837cf86693.jpg" alt="">
                                <div class="info-box">
                                    <h3></h3>
                                    <h4></h4>
                                    <span>
                                        <p></p>
                                        <p></p>
                                    </span>
                                </div>
                            </a>
                        </div>
                    </li>
                    <li class="LiItem3">
                        <div class="front">
                            <a href="#">
                                <img src="https://cdn.ywart.com/yw/201906211834446837cf86693.jpg" alt="">
                                <div class="info-box">
                                    <h3></h3>
                                    <h4></h4>
                                    <span>
                                        <p></p>
                                        <p></p>
                                    </span>
                                </div>
                            </a>
                        </div>
                    </li>
                    <li class="LiItem4">
                        <div class="front">
                            <a href="#">
                                <img src="https://cdn.ywart.com/yw/201906211834446837cf86693.jpg" alt="">
                                <div class="info-box">
                                    <h3></h3>
                                    <h4></h4>
                                    <span>
                                        <p></p>
                                        <p></p>
                                    </span>
                                </div>
                            </a>
                        </div>
                    </li>
                    <li class="LiItem5">
                        <div class="front">
                            <a href="#">
                                <img src="https://cdn.ywart.com/yw/201906211834446837cf86693.jpg" alt="">
                                <div class="info-box">
                                    <h3></h3>
                                    <h4></h4>
                                    <span>
                                        <p></p>
                                        <p></p>
                                    </span>
                                </div>
                            </a>
                        </div>
                    </li>
                    <li class="LiItem6">
                        <div class="front">
                            <a href="#">
                                <img src="https://cdn.ywart.com/yw/201906211834446837cf86693.jpg" alt="">
                                <div class="info-box">
                                    <h3></h3>
                                    <h4></h4>
                                    <span>
                                        <p></p>
                                        <p></p>
                                    </span>
                                </div>
                            </a>
                        </div>
                    </li>
                    <li class="LiItem7">
                        <div class="front">
                            <a href="#">
                                <img src="https://cdn.ywart.com/yw/201906211834446837cf86693.jpg" alt="">
                                <div class="info-box">
                                    <h3></h3>
                                    <h4></h4>
                                    <span>
                                        <p></p>
                                        <p></p>
                                    </span>
                                </div>
                            </a>
                        </div>
                    </li>
                    <li class="LiItem8">
                        <div class="front">
                            <a href="#">
                                <img src="https://cdn.ywart.com/yw/201906211834446837cf86693.jpg" alt="">
                                <div class="info-box">
                                    <h3></h3>
                                    <h4></h4>
                                    <span>
                                        <p></p>
                                        <p></p>
                                    </span>
                                </div>
                            </a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 限时抢购 -->
        <div class="LimitedWorks">
            <div class="Gtitle">
                <h2>限时抢购</h2>
                <p>FLASH SALE</p>
                <!-- 倒计时 -->
                <div class="TimeEnd">
                    <span id="day"></span><i>天</i>
                    <span id="hours"></span><i>时</i>
                    <span id="minutes"></span><i>分</i>
                    <span id="seconds"></span><i>秒</i>
                </div>
            </div>
            <div class="LimitedWorksContent">
                <ul class="WorksList">
                    <li>
                        <div class="img">
                            <a href="#"><img src="https://cdn.ywart.com/yw/20180725173005283e0a20393.jpg" alt=""></a>
                        </div>
                        <div class="RightText">
                            <h2 class="ellipsis"><a href="#">谢懿</a></h2>
                            <p class="ellipsis"><a href="">秋野静思图</a></p>
                            <div class="price">
                                ￥1,829<span>￥2,680</span>
                            </div>
                            <div class="follow">1156人在关注</div>
                            <div class="GoWorks">立即抢购</div>
                        </div>
                    </li>
                    <li>
                        <div class="img">
                            <a href="#"><img src="https://cdn.ywart.com/yw/20191010164030315064c7320.png" alt=""></a>
                        </div>
                        <div class="RightText">
                            <h2 class="ellipsis"><a href="#">谢懿</a></h2>
                            <p class="ellipsis"><a href="">秋野静思图</a></p>
                            <div class="price">
                                ￥1,829<span>￥2,680</span>
                            </div>
                            <div class="follow">1156人在关注</div>
                            <div class="GoWorks">立即抢购</div>
                        </div>
                    </li>
                    <li>
                        <div class="img">
                            <a href="#"><img src="https://cdn.ywart.com/yw/20190621180310934a4b5df6b.jpg" alt=""></a>
                        </div>
                        <div class="RightText">
                            <h2 class="ellipsis"><a href="#">谢懿</a></h2>
                            <p class="ellipsis"><a href="">秋野静思图</a></p>
                            <div class="price">
                                ￥1,829<span>￥2,680</span>
                            </div>
                            <div class="follow">1156人在关注</div>
                            <div class="GoWorks">立即抢购</div>
                        </div>
                    </li>
                    <li>
                        <div class="img">
                            <a href="#"><img src="https://cdn.ywart.com/yw/201907041751471607200cf1d.jpg" alt=""></a>
                        </div>
                        <div class="RightText">
                            <h2 class="ellipsis"><a href="#">谢懿</a></h2>
                            <p class="ellipsis"><a href="">秋野静思图</a></p>
                            <div class="price">
                                ￥1,829<span>￥2,680</span>
                            </div>
                            <div class="follow">1156人在关注</div>
                            <div class="GoWorks">立即抢购</div>
                        </div>
                    </li>
                </ul>
                <div class="rightRunimg">
                    <a href="#">
                        <img src="https://cdn.ywart.com/content/image/Home/PC/Indexxsqg.png" alt="">
                    </a>
                </div>
            </div>
        </div>       
        <!-- 雕塑专场1 -->
        <div class="PropTopic">
            <div class="Gtitle">
                <h2>雕塑专场</h2>
            </div>
            <div class="PriopTopicContent">
                <ul class="TopicList">
                    <li class="TopicCover">
                        <a href="" herf="#">
                            <img src="https://cdn.ywart.com/design/package/20191223164848658d17902c2.jpg" alt="">
                            <p>探索雕塑的独特美</p>
                        </a>
                    </li>
                    <li class="topicWorks">
                        <div class="img"><a href="" herf="#"><img src="https://cdn.ywart.com/yw/20190725143702330cfefdb90.jpg" alt=""></a></div>
                        <div class="bottomtext">
                            <h3 class="ellipsis"><a href="#">罗旦</a></h3>
                            <p class="ellipsis"><a href="#"> 平衡系列2（4/8）</a></p>
                            <div class="pInfo">
                                <p class="price">¥60,000</p>
                            </div>
                        </div>
                    </li>
                    <li class="topicWorks">
                        <div class="img"><a href="" herf="#"><img src="https://cdn.ywart.com/yw/20190725143702330cfefdb90.jpg" alt=""></a></div>
                        <div class="bottomtext">
                            <h3 class="ellipsis"><a href="#">罗旦</a></h3>
                            <p class="ellipsis"><a href="#"> 平衡系列2（4/8）</a></p>
                            <div class="pInfo">
                                <p class="price">¥60,000</p>
                            </div>
                        </div>
                    </li>
                    <li class="topicWorks">
                        <div class="img"><a href="" herf="#"><img src="https://cdn.ywart.com/yw/20190725143702330cfefdb90.jpg" alt=""></a></div>
                        <div class="bottomtext">
                            <h3 class="ellipsis"><a href="#">罗旦</a></h3>
                            <p class="ellipsis"><a href="#"> 平衡系列2（4/8）</a></p>
                            <div class="pInfo">
                                <p class="price">¥60,000</p>
                            </div>
                        </div>
                    </li>
                    <li class="topicWorks">
                        <div class="img"><a href="" herf="#"><img src="https://cdn.ywart.com/yw/20190725143702330cfefdb90.jpg" alt=""></a></div>
                        <div class="bottomtext">
                            <h3 class="ellipsis"><a href="#">罗旦</a></h3>
                            <p class="ellipsis"><a href="#"> 平衡系列2（4/8）</a></p>
                            <div class="pInfo">
                                <p class="price">¥60,000</p>
                            </div>
                        </div>
                    </li>
                    <li class="topicWorks">
                        <div class="img"><a href="" herf="#"><img src="https://cdn.ywart.com/yw/20190725143702330cfefdb90.jpg" alt=""></a></div>
                        <div class="bottomtext">
                            <h3 class="ellipsis"><a href="#">罗旦</a></h3>
                            <p class="ellipsis"><a href="#"> 平衡系列2（4/8）</a></p>
                            <div class="pInfo">
                                <p class="price">¥60,000</p>
                            </div>
                        </div>
                    </li>
                    <li class="topicWorks">
                        <div class="img"><a href="" herf="#"><img src="https://cdn.ywart.com/yw/20190725143702330cfefdb90.jpg" alt=""></a></div>
                        <div class="bottomtext">
                            <h3 class="ellipsis"><a href="#">罗旦</a></h3>
                            <p class="ellipsis"><a href="#"> 平衡系列2（4/8）</a></p>
                            <div class="pInfo">
                                <p class="price">¥60,000</p>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div> 
        <!-- 雕塑专场2-->
        <div class="PropTopic">
            <div class="PriopTopicContent">
                <ul class="TopicList">
                    <li class="TopicCover">
                        <a href="" herf="#">
                            <img src="https://cdn.ywart.com/design/package/20191223164848658d17902c2.jpg" alt="">
                            <p>探索雕塑的独特美</p>
                        </a>
                    </li>
                    <li class="topicWorks">
                        <div class="img">
                            <a href="" herf="#"><img src="https://cdn.ywart.com/yw/20190725143702330cfefdb90.jpg" alt=""></a>
                        </div>
                        <div class="bottomtext">
                            <h3 class="ellipsis">
                                <a href="#">罗旦</a>
                            </h3>
                            <p class="ellipsis">
                                <a href="#"> 平衡系列2（4/8）</a>
                            </p>
                            <div class="pInfo">
                                <p class="price">¥60,000</p>
                            </div>
                        </div>
                    </li>
                    <li class="topicWorks">
                        <div class="img"><a href="" herf="#"><img src="https://cdn.ywart.com/yw/20190725143702330cfefdb90.jpg" alt=""></a></div>
                        <div class="bottomtext">
                            <h3 class="ellipsis"><a href="#">罗旦</a></h3>
                            <p class="ellipsis"><a href="#"> 平衡系列2（4/8）</a></p>
                            <div class="pInfo">
                                <p class="price">¥60,000</p>
                            </div>
                        </div>
                    </li>
                    <li class="topicWorks">
                        <div class="img"><a href="" herf="#"><img src="https://cdn.ywart.com/yw/20190725143702330cfefdb90.jpg" alt=""></a></div>
                        <div class="bottomtext">
                            <h3 class="ellipsis"><a href="#">罗旦</a></h3>
                            <p class="ellipsis"><a href="#"> 平衡系列2（4/8）</a></p>
                            <div class="pInfo">
                                <p class="price">¥60,000</p>
                            </div>
                        </div>
                    </li>
                    <li class="topicWorks">
                        <div class="img"><a href="" herf="#"><img src="https://cdn.ywart.com/yw/20190725143702330cfefdb90.jpg" alt=""></a></div>
                        <div class="bottomtext">
                            <h3 class="ellipsis"><a href="#">罗旦</a></h3>
                            <p class="ellipsis"><a href="#"> 平衡系列2（4/8）</a></p>
                            <div class="pInfo">
                                <p class="price">¥60,000</p>
                            </div>
                        </div>
                    </li>
                    <li class="topicWorks">
                        <div class="img"><a href="" herf="#"><img src="https://cdn.ywart.com/yw/20190725143702330cfefdb90.jpg" alt=""></a></div>
                        <div class="bottomtext">
                            <h3 class="ellipsis"><a href="#">罗旦</a></h3>
                            <p class="ellipsis"><a href="#"> 平衡系列2（4/8）</a></p>
                            <div class="pInfo">
                                <p class="price">¥60,000</p>
                            </div>
                        </div>
                    </li>
                    <li class="topicWorks">
                        <div class="img"><a href="" herf="#"><img src="https://cdn.ywart.com/yw/20190725143702330cfefdb90.jpg" alt=""></a></div>
                        <div class="bottomtext">
                            <h3 class="ellipsis"><a href="#">罗旦</a></h3>
                            <p class="ellipsis"><a href="#"> 平衡系列2（4/8）</a></p>
                            <div class="pInfo">
                                <p class="price">¥60,000</p>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 艺术服务 -->
        <div class="SERVICESOFART">
            <div class="Gtitle">
                <h2>艺术服务</h2>
                <p>ART SERVICES</p>
            </div>
            <!-- 内容 -->
            <div class="scontent">
                <div class="scontent2">
                    <!-- 左边点击切换 -->
                    <ul class="menuServer">
                        <li class="on">
                            <img src="https://cdn.ywart.com/content/image/Home/PC/syspt.png" alt="">
                            <span>艺术配套定制方案</span>
                        </li>
                        <li class="">
                            <img src="https://cdn.ywart.com/content/image/Home/PC/syssc.png" alt="">
                            <span>艺术品投资收藏</span>
                        </li>
                        <li class="">
                            <img src="https://cdn.ywart.com/content/image/Home/PC/syslp.png" alt="">
                            <span>艺术礼品定制</span>
                        </li>
                        <li class="">
                            <img src="https://cdn.ywart.com/content/image/Home/PC/sysxx.png" alt="">
                            <span>艺术肖像定制</span>
                        </li>
                        <li class="">
                            <img src="https://cdn.ywart.com/content/image/Home/PC/szyys.png" alt="">
                            <span>专业艺术展览</span>
                        </li>
                        <li class="">
                            <img src="https://cdn.ywart.com/content/image/Home/PC/syshz.png" alt="">
                            <span>专业艺术展览</span>
                        </li>
                    </ul>
                    <!-- 右边需渲染部分 -->
                    <div class="ServerCenter">
                        <div class="CText">
                            <h2>你需要高艺术品软装配置方案吗？</h2>
                            <p>品质的艺术品配置方案服务流程</p>
                            <div class="Pap">
                                <div class="YSprogramme">
                                    <i></i>
                                    <span>01 
                                        <b>海量艺术品<br>完整产品库</b></span>
                                    <span>02 
                                        <b>整合了解客户<br>艺术品配置需求</b>
                                    </span>
                                    <span>03 
                                        <b>提供专业的<br>艺术品配置方案</b>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="info">
                            <h2>联系我们</h2>
                            <span>致电 400-605-7033 或 添加艺术顾问微信：yiwangkeji001</span><a href="#">了解更多</a>
                        </div>
                    </div>
                </div >
            </div>
        </div>
        <!-- 走进艺网 -->
        <div class="WHUUSB">
            <a href="#">
                <img src="https://cdn.ywart.com/content/image/Home/PC/WHYUSZJYW.png" alt="">
            </a>
        </div>
    </div>

    <!-- 底部 -->
    <footer>
        <div class="banner">
            <div class="footer_top clearfix">
                <div class="top_left">
                    <img src="http://src.leju.com/imp/imp/deal/be/1a/a/de2481e53b44061f07ca3a0e71a_p24_mk24_sX0.png" alt="">
                </div>
                <div class="top_right">
                    <p>
                        <a href="#">
                            <i class="fa fa-weibo"></i >
                            </a>
                        <i class="fa fa-weixin weixin"></i>
                        <img class="weixinShare" src="https://cdn.ywart.com/content/image/weixinQRcode.jpg" alt="weixinQRcode">
                    </p>
                    <p>
                        <i class="fa fa-phone" aria-hidden="true"></i>400-605-7033
                    </p>
                </div>
            </div>
            <div class="row clearfix">
                <ul>
                    <li>
                        <strong>YWART.COM</strong>
                        <a href="#">推荐</a>
                        <a href="">全部作品</a>
                        <a href="">入门收藏</a>
                        <a href="">潜力收藏</a>
                        <a href="">名作收藏</a>
                    </li>
                    <li>
                        <strong>了解我们</strong>
                        <a href="#">关于我们</a>
                        <a href="#">工作机会</a>
                        <a href="#">网站地图</a>        
                    </li>
                    <li>
                        <strong>支持与帮助</strong>
                        <a href="#">如何购买</a>
                        <a href="#">物流说明</a>
                        <a href="#">联系我们</a>   
                    </li>
                    <li>
                        <strong>合作</strong>
                        <a href="#">作品征集</a>
                    </li>
                </ul>
                <div class="app_download">
                    <div class="QRcode">
                        <div class="apple">
                            <img src="https://cdn.ywart.com/content/image/iosDowndark.png" alt="apple">
                            <img class="QRcodeimg" src="https://cdn.ywart.com/content/image/iosDownQRcode.png" alt="apple">
                            <p class="saoyisao">扫一扫，下载app</p>
                        </div>
                        <div class="android">
                            <img src="https://cdn.ywart.com/content/image/AndroidDowndark.png" alt="android">
                            <img class="QRcodeimg" src="https://cdn.ywart.com/content/image/AndroidDownQRcode.png" alt="android">
                            <p class="saoyisao">扫一扫，下载app</p>
                        </div>
                    </div>
                </div>
            </div>
            <p>
                京ICP备16003461号 Copyright © 2015-2019 艺网YWART.COM 版权所有
            </p>
            <p class="thrid">
                
            </p>
            <ul>
                <li>友情链接</li>
                <li>
                    <a href="#">上海论坛</a>
                </li>
                <li>
                    <a href="#">中华丹青网</a>
                </li>
                <li>
                    <a href="#">书法交易</a>
                </li>
                <li>
                    <a href="#">艺术资讯</a>
                </li>
                <li>
                    <a href="#">中华收藏网</a>
                </li>
                <li>
                    <a href="#">主题酒店设计</a>
                </li>
                <li>
                    <a href="#">室内设计</a>
                </li>
                <li>
                    <a href="#">艺缘网</a>
                </li>
                <li>
                    <a href="#">中国华人书画网</a>
                </li>
                <li>
                    <a href="#">买购网 </a>
                </li>
                <li>
                    <a href="#">字画批发 </a>
                </li>
                <li>
                    <a href="#">中国书画百强网</a>
                </li>
                <li>
                    <a href="#">集雅斋字画网</a>
                </li>
                <li>
                    <a href="#">画</a>
                </li>                    
            </ul>  
        </div>
    </footer>
    
    <!-- 回到顶部 -->
    <div class="hddb">回顶部</div>
</body>

<script src="../javascripts/jquery.js"></script>
<script src="../javascripts/index.js"></script>

</html>